export default function App (props) {
    const { todo, changeState, removeTodo } = props;

    return (
        <div className="todo-item">
             <input className='toggle' type="checkbox" checked={todo.completed} onChange = { e => changeState(e,todo) } />
             <div className="todo-right">
                <div className="todo-title">{todo.title}</div>
                <button className="todo-del" onClick={ () => removeTodo(todo) }>删除</button>
             </div>
        </div>
    )
}